<div class="right-plate" [ngClass]="{ 'periodicalFull': opensearch , 'periodicalOff': !opensearch}" id="keywordTable">

    <div class="table-thead">
    <p-treeTable [value]="files"  [lazy]="true"  (onNodeExpand)="onNodeExpand($event)">
        <ng-template pTemplate="header">
            <tr class="tableStyle_thead_tr">
                <th class="bs-checkbox w5 text-center">
                    <input type="checkbox" #event (click)="_selectAll(event.checked,files)" [checked]="isSelectAll">
                </th>
                <th class="w5 text-left max-w">ID</th>
                <th class="w20 text-left max-w">主题词表</th>
                <th class="w10 text-left max-w">标签</th>
                <th class="w10 text-left max-w">相关编号</th>
                <th class="w10 text-left max-w">状态</th>
                <th class="w10 text-left max-w">审核状态</th>
                <th class="w20 text-left max-w">创建时间</th>
                <th class="w15 text-left max-w">操作</th>
            </tr>
        </ng-template>
    </p-treeTable>
    </div>
        <div class="table-tbody">
            <p-treeTable [value]="files" [lazy]="true" (onNodeExpand)="onNodeExpand($event)">
                <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-i="index">
            <tr class="treegrid-2 treegrid-collapsed">
                <td class="bs-checkbox w5 text-center">
                    <input type="checkbox" #event (click)="_chose(event.checked,rowData.themeTableId,files.length)"
                           [checked]="isChose">
                </td>
                <td class="w5 text-left max-w">{{rowData.themeTableId}}</td>
                <td class="w20 text-left max-w">
                    <p-treeTableToggler [rowNode]="rowNode" (onNodeExpand)="onNodeExpand($event)"></p-treeTableToggler>
                    {{rowData.name}}
                </td>
                <td class="w10 text-left max-w">{{rowData.labelName}}</td>
                <td class="w10 text-left max-w">{{rowData.themeTableCode}}</td>
                
                <td class="w10 text-left max-w">
                    <span class="stateGreen" *ngIf="rowData.status === 0">启用</span>
                    <span class="stateRed" *ngIf="rowData.status === -1">禁用</span>
                </td>
                <td class="w10 text-left max-w">
                    <span class="stateGreen" *ngIf="rowData.checkStatus === 1">已审核</span>
                    <span class="stateYellow" *ngIf="rowData.checkStatus === 0">未审核</span>
                    <span class="stateRed" *ngIf="rowData.checkStatus === -1">不通过</span>
                </td>
                <td class="w20 text-left max-w">{{rowData.createTime | date:'yyyy-MM-dd HH:mm:ss'}}</td>
                <td class="w15 text-left max-w">
                    <span style="display:none" title="新增子级" class="btn-i" (click)="_add(rowData)"   *ngIf="right['systemTable']['addChild']">
                        <img src="assets/new/add.png" width="14px" height="14px">
                    </span>
                    <span title="详情" class="btn-i" (click)="_details(rowData)"   *ngIf="right['systemTable']['details']">
                        <img src="assets/new/look.png" width="18px" height="18px">
                    </span>
                    <span title="编辑" class="btn-i" (click)="_edit(rowData);"   *ngIf="right['systemTable']['update']">
                        <img src="assets/new/update.png" width="15px" height="15px">
                    </span>
                </td>
            </tr>
        </ng-template>
            </p-treeTable>
        </div>


</div>
